<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Editor Grid Example</title>

    <!-- ** CSS ** -->
    <!-- base library -->
    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />

    <!-- overrides to base library -->

    <!-- page specific -->
    <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
    <link rel="stylesheet" type="text/css" href="grid-examples.css" />

    <style type="text/css">

    </style>

    <!-- ** Javascript ** -->
    <!-- ExtJS library: base/adapter -->
    <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>

    <!-- ExtJS library: all widgets -->
    <script type="text/javascript" src="../../ext-all.js"></script>

    <!-- overrides to base library -->

    <!-- extensions     <script type="text/javascript" src="../ux/CheckColumn.js"></script>  -->


    <!-- page specific -->
    <script type="text/javascript" src="../shared/examples.js"></script>
    <script type="text/javascript" src="edit-grid.js"></script>

</head>

<script>
 // sample static data for the store
 /*
 echo row trong database theo dinh dang nay,lan dau load len se la cac row dau tien

 */
    var myData = [
        [1,'3m Co',71.72,1,0.03,'15/09/2011',true],
        [2,'Alcoa Inc',29.01,2,1.47,'15/09/2011',false],
        [3,'Altria Group Inc',83.81,3,0.34,'15/09/2011',true],
        [4,'American Express Company',52.55,4,0.02,'15/09/2011',true],
        [5,'American International Group, Inc.',64.13,5,0.49,'15/09/2011',false],
        [6,'AT&T Inc.',31.61,4,-1.54,'15/09/2011',false],
        [7,'Boeing Co.',75.43,3,0.71,'15/09/2011',false],
        [8,'Caterpillar Inc.',67.27,2,1.39,'15/09/2011',false],
        [9,'Citigroup, Inc.',49.37,1,0.04,'15/09/2011',false],
        [10,'E.I. du Pont de Nemours and Company',40.48,1,1.28,'15/09/2011',false],
        [11,'Exxon Mobil Corp',68.1,1,-0.64,'15/09/2011',false]

    ];


</script>
<body>

    <!-- the custom editor for the 'Light' column references the id="light" -->
    <select name="light" id="light" style="display: none;">
    	<option value="1">Shade</option>
    	<option value="2">Mostly Shady</option>
    	<option value="3">Sun or Shade</option>
    	<option value="4">Mostly Sunny</option>
    	<option value="5">Sunny</option>
    </select>
    
    <div id="editor-grid"></div>
</body>
</html>